(function () {
  let choose = document.querySelector('.choose')
  let fileIpt = document.querySelector('[type="file"]')
  let confirm = document.querySelector('.confirm')
  let empty = document.querySelector('.empty')
  let imgbox = document.querySelector('.img-box')

  let base64Avatar = ''
  choose.addEventListener('click', function () {
    // 通过点击选择图片按钮，用代码去点击file的input，让它弹出可以选择文件的弹框
    fileIpt.click()
  })

  // 监听file的change事件
  fileIpt.addEventListener('change', function () {
    // 获取文件对象
    let fileObj = fileIpt.files[0]


    var reader = new FileReader();
    // 将文件对象读取为base64的字符串
    reader.readAsDataURL(fileObj);
    // 监听读取完成成的事件
    reader.onload = function (e) {
      // 一旦读取完成，就把base64的字符串赋值给base64Avatar
      base64Avatar = e.target.result
      let str = `
      <img src="${base64Avatar}" alt="">
    `
      imgbox.innerHTML = str

    };
  })

  confirm.addEventListener('click', async function () {
    let obj = {
      avatar: base64Avatar
    }
    let res = await uploadAvatar(obj)
    // 上传成功
    console.log(res);
    if (res.data.code === 0) {
      // 刷新页面
      window.parent.location.reload()
      console.log(111);
    } else {
      alert(res.data.message)
    }
  })
})()